@media screen and (min-width: 1200px){
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
		padding: 10px 19px;
	}

	.top-menu-btn {
		display: none;
	}

	.nav.navbar-nav{
		display: table;
	}

	.news-box {
		float: left;
		overflow: hidden;
		width: 385px;
	}
	.mobile-top-logo{
		display: none;
	}

}




@media screen and (min-width: 990px) and (max-width: 1200px){
	.container{
		max-width: 1024px;
	}

	.top-menu-btn {
		display: none;
	}

	.nav.navbar-nav{
		display: table;
	}
	.news-box {
		float: left;
		overflow: hidden;
		width: 318px;
	}
	.mobile-top-logo{
		display: none;
	}
}




@media screen and (max-width: 990px){
	.top-menu-btn {
		display: block;
		float: left;
		margin: 0 0 0 -15px;
	}
	
	button.button-top-menu {
		background: none repeat scroll 0 0 #fff;
		border: medium none;
		color: #222;
		display: block;
		font-size: 20px;
		height: 41px;
		line-height: 45px;
		text-align: center;
		width: 45px;
	}
	.mobile-top-logo{
		display: block;
	}
	.top-logo {
		margin: 8px 0 0 10px;
		width: 100px;
	}
	button.button-top-menu:hover, button.button-top-menu.active {
		background: none repeat scroll 0 0 #222;
		color: #fff;
	}

	.container {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}


	/*	top menu	*/
	.nav.navbar-nav {
		background: #222222;
		display: none;
		left: 0;
		position: absolute;
		top: 44px;
		width: 20%;
		z-index: 23;
		min-width: 150px;
	}

	.navbar-nav > li {
		float: left;
		width: 100%;
		border: none;
		border-bottom: 1px solid #555;
	}

	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a{
		border: none;
		color: #fff;
	}

	#tin1vn-top-menu.navbar.navbar-inverse.navbar-static-top div.container div.collapse.navbar-collapse ul.nav.navbar-nav.active{
		display: block;
	}

	.collapse{
		display: block;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border: none;
	}
	div#top-header.container div.col-md-12.row div.col-md-4.top-news.margin-b-15{
		padding: 0;
	}


	/* LIST TOP*/

	ul.list-top{
		height: auto;
		list-style: none;
	}

	ul.list-top > li {
	  float: left;
	  width: 49.3%;
	  margin: 0 0.7% 0 0;
	}

	ul.list-top > li:last-child {
		margin: 0 0 0 0.7%;
	}


	#top-header.container div.col-md-4.top-news{
		padding: 0;
	}

	.news-box {
		float: left;
		overflow: hidden;
		width: 49.5%;
	}

	.news-box-left {
		margin: 0 0.5% 10px 0;
	}

	.news-box-right {
		margin: 0 0 10px 0.5%;
	}

	#top-header .col-md-8.padding-0 {
		margin-bottom: 10px;
	}

	#main-content.container div#right-col.col-md-4.padding-r-0.padding-l-10{
		padding:0;
	}
	.list-hot-video > li{
		width: 49%;
		margin: 0 0 10px 1%;
	}
	.list-hot-video > li:nth-child(2n+1){
		margin: 0 1% 10px 0;
	}
	ul.list-hot-video{
		padding:10px;
	}

	#header{
		display: none;
	}

	div#tin1vn-top-menu {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border-top: none;
		border-bottom: 3px solid #d84343;
		margin: 0 0 15px;
		min-height: 44px;
	}
}

@media screen and (max-width: 500px){
	ul.list-top > li {
	  float: left;
	  width: 100%;
	  margin: 0 1% 10px 0;
	}

	ul.list-top > li:last-child {
		margin: 0;
	}
	
	.news-box {
		float: left;
		overflow: hidden;
		width: 100%;
		margin: 0 0 10px;
	}
	ul.list-hot-video{
		padding:10px;
	}
	.list-hot-video > li{
		width: 100%;
		margin: 0 0 10px 0;
	}
}